<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>拣货时长统计</title>
    <link rel="shortcut icon" href="favicon.ico">
    <script src="../../res/js/comm.js?v=1.26.0"></script>
    <!--写公共的css文件-->
    <link href="../../res/plugins/bootstrap/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="../../res/plugins/bootstrap/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="../../res/plugins/bootstrap/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="../../res/plugins/bootstrap/css/animate.min.css" rel="stylesheet">
    <link href="../../res/plugins/bootstrap/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="../../res/plugins/layerui/layui/css/layui.css" media="all">
    <!--共用的js文件-->
    <!--openx 控件,远程地址：https://openx.yifengx.com/js/openx.js-->
    <script src="../../res/js/openx.js"></script>
    <!--表格控件-->
    <script src="../../res/plugins/bootstrap/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="../../res/plugins/bootstrap/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="../../res/plugins/bootstrap/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="../../res/plugins/bootstrap/js/plugins/bootstrap-table/table-export/bootstrap-table-export.js"></script>
    <script src="../../res/plugins/bootstrap/js/plugins/bootstrap-table/table-export/tableExport.js"></script>

    <!--弹出层控件-->
    <script src="../../res/plugins/layerui/layer/layer.js"></script>
    <!--模版控件-->
    <script src="../../res/plugins/layerui/layer/laytpl.js"></script>

    <!--美化滚动条 参考：http://manos.malihu.gr/jquery-custom-content-scroller -->
    <script src="../../res/js/utils.js"></script>
    <script src="../../res/plugins/layerui/layui/layui.js" charset="utf-8"></script>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="panel panel-info">
        <div class="panel-heading"><i class="fa fa-info-circle"></i>订单拣货时长</div>
        <div class="panel-body">
            <div class="ibox-query">
                <form id="queryForm" method="post" class="form-horizontal">
                    <input id='orderStatus' name="orderStatus" type="hidden" value=''/>
                    <input id='deliveryStatus' name="deliveryStatus" type="hidden" value=''/>
                    <input id='postingStatus' name="postingStatus" type="hidden" value=''/>
                    <input id='refundStatus' name="refundStatus" type="hidden" value=''/>
                    <input id='deliveryType' name="deliveryType" type="hidden" value=''/>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">顶级渠道</label>
                        <div class="col-sm-2" name="channelPluginsDiv"></div>

                        <label class="col-sm-1 control-label">订单编码</label>
                        <div class="col-sm-2"><input name="orderCode" class="form-control" type="text"></div>

                        <label class="col-sm-1 control-label">父订单编码</label>
                        <div class="col-sm-2">
                            <input name="parentOrderCode" class="form-control" type="text">
                        </div>

                        <label class="col-sm-1 control-label">第三方订单号</label>
                        <div class="col-sm-2"><input name="outTradeCode" class="form-control" type="text"></div>

                    </div>

                    <div class="form-group">

                        <label class="col-sm-1 control-label">下单开始时间</label>
                        <div class="col-sm-2"><input class="layui-input" id='createStartTime' name="createStartTime"  placeholder="下单开始时间" type="text" readonly onclick="layui.laydate({elem: this,isclear:false, istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"> </div>

                        <label class="col-sm-1 control-label">下单结束时间</label>
                        <div class="col-sm-2"><input class="layui-input" id='createEndTime' name="createEndTime"   placeholder="下单结束时间" type="text" readonly   onclick="layui.laydate({elem: this,isclear:false, istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"> </div>

                        <label class="col-sm-1 control-label">拣货开始时间</label>
                        <div class="col-sm-2"><input class="layui-input" id='ticketPrintedStartTime' name="ticketPrintedStartTime"  placeholder="拣货开始时间" type="text" readonly onclick="layui.laydate({elem: this,isclear:false, istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"> </div>

                        <label class="col-sm-1 control-label">拣货结束时间</label>
                        <div class="col-sm-2"><input class="layui-input" id='ticketPrintedEndTime' name="ticketPrintedEndTime"   placeholder="拣货结束时间" type="text" readonly   onclick="layui.laydate({elem: this,isclear:false, istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"> </div>
                    </div>

                    <div>
                        <button style="margin-left: 50px;" class="btn btn-info" onclick='$.openx.query()' type="button"><i class="glyphicon glyphicon-search"></i> 查询</button>

                        <button style="margin-left: 10px;" class="btn btn-info" onclick="resetForm()" type="button"><i class="glyphicon glyphicon-share-alt"></i> 重置  </button>
                    </div>
                    <div class="hr-line-dashed"></div>
                </form>
            </div>

            <div class="row row-lg">
                <div class="col-sm-12">
                    <table id="table" data-show-export="true">
                        <thead>
                        <tr>
                            <th data-field="stats" data-checkbox="true"></th>
                            <th data-align="center" data-field="orderCode">订单号</th>
                            <th data-align="center" data-field="ticketNum" >小票号</th>
                            <th data-align="center" data-field="state">订单状态</th>
                            <th data-align="center" data-field="topChannelCode" data-formatter="topChannelFormat">顶级渠道</th>
                            <th data-align="center" data-field="channelCode">渠道编码</th>
                            <th data-align="center" data-field="createTime" data-formatter="createTimeFormat" >下单时间</th>
                            <th data-align="center" data-field="ticketPrintedTime" data-formatter="ticketPrintedTimeFormat" >拣货时间</th>
                            <th data-align="center" data-field="pickTime" data-formatter="pickTime">拣货时长（分）</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


</body>
<script type="text/javascript">
    (function () {
        $.openx.loadScript(['../../res/plugins/yifeng/channel.js','../../js/order/pickTime.js','../../js/order/posChannelPick.js']);
    })();
</script>

</html>

